<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2015/1/15
  Time: 12:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%

  String path = request.getContextPath();
  String basePath = request.getScheme() + "://"
          + request.getServerName() + ":" + request.getServerPort()
          + path + "/";
%>
<html>
<head>
  <base href="<%=basePath%>">

    <title></title>
  <script type="text/javascript" src="resources/js/lib/raphael-min.js"></script>
  <script>
     window.onload=function(){
       var paper=Raphael(0,0,1000,800);


       var circle = paper.circle(100, 100, 80);

       for(var i = 0; i < 5; i+=1) {
         var multiplier = i*5;
         paper.circle(250 + (2*multiplier), 100 + multiplier, 50 - multiplier)
       }

       var rectangle = paper.rect(100, 350, 250, 100);

       var ellipse = paper.ellipse(200, 500, 100, 50);

       paper.path("M 250 250 l 0 -50 l 50 0 l 0 50 l 50 0 l 0 50 l -150 0 l 0 -50 l z");
     };
  </script>
</head>
<body>

</body>
</html>
